<template>
<el-divider content-position="right">项目介绍</el-divider>
<table>
<tr align="center">
<td><img src="https://img2.baidu.com/it/u=1296659347,301933167&fm=253&fmt=auto&app=138&f=JPG?w=750&h=500" width="570" height="380" alt=""></td>
<td><strong><font size='6' face='STSong'>考虑到来医院挂号的一些用户可能是退伍军人、消防员等特殊身份，因此我们为用户赋予了一个新的特殊定义"Sepcail",
具有该属性的用户在挂号上可享受免挂号费的服务，在此功能基础上对医院的轮播图进行了进一步的功能完善，
除去图片还加了医院公告，以及加了病房介绍，在后端医生也能在查 房管理对患者状况进行区分</font></strong></td>
<td><el-col :span="2"><el-button color="#157a65" size="large" plain @click="goto2('special')">已经是特殊用户？<br />点击这里</el-button></el-col></td>
</tr>
</table>

<el-divider content-position="left">挂号流程</el-divider>

  
    <h4>.</h4>
    <el-steps :active="3" align-center>
      <el-step title="Step 1" description="用户注册登录" />
      <el-step title="Step 2" description="预约界面挂号" />
      <el-step title="Step 3" description="提交挂号单" />
      <el-step title="Step 4" description="个人中心查看结果" />
    </el-steps>
  
  

  <el-divider content-position="right">医院介绍</el-divider>

 <table>
<tr align="center">
<td><strong>
  <font size='6' face='STSong'>为了方便挂号的患者进一步治疗，本医院为患者提供挂号-住院一条龙服务，本医院为不同病况的患者提供优质的病床，患者可以点击下面的病房介绍介绍了解详情情况，本医院特地为医生设置了查房
   管理，方便医生对患者进行查房，为医生和患者时时刻刻着想。
 </font>
 </strong></td>
<td><img src="https://img0.baidu.com/it/u=342617716,1966681752&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500" width="550" height="350" alt=""></td>
</tr>
</table>


<tr>
  <el-col :span="2"><el-button color="#259B9E" size="large" plain @click="goto2('notices')">病房介绍</el-button></el-col>
</tr>

<el-divider content-position="left">测试用界面</el-divider>



<!-- src="../music/Bandari.mp3" -->
</template>

<script>
import { get } from "@/utils/request";
export default {
  name: "HomeView",
  components: {},
  data() {
    return {
      swipeItems: [],
      doctor:"",
    };
  },
  mounted() {
    this.getSwipeItems();
    this.getDoctorsRecommend();
  },
  methods: {//109王胤霖
    getSwipeItems() {//原getPage 改getDoctors 又改成了getAllCarousels
      get("/getAllCarousels", {}).then((res) => {
        this.swipeItems = res.data;
        console.log(this.swipeItems);
      });
    },
    getDoctorsRecommend(){
      get("/getDoctorsRecommend").then((res) => {
        this.doctor = res.data;
        console.log(this.doctor);
      });
    },
     goto(id) {
      this.$router.push({ name: "introduce", params: { id } });
    },
     goto2(path) {
      this.$router.push({ name:path});
    },
  },
};
</script>

<style lang="scss" scoped>
.home {
  margin-left: 55px;
}
.news-list {
  padding: 20px;
  display: flex;
  //justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 15px;
  margin-left: 15px;
  .news-item {
    width: 250px;
    margin: 20px 5px;
    .image {
      width: 100%;
      height: 200px;
      overflow: hidden;
    }
    .title {
      font-weight: bold;
      width: 100%;
      margin: 0;
      padding: 0;
      white-space: nowrap; // 强制不换行
      overflow: hidden; // 超出隐藏
      text-overflow: ellipsis; // 超出的文本显示省略号
    }
    .author {
      color: #999999;
      font-size: 12px;
      white-space: nowrap; // 强制不换行
      overflow: hidden; // 超出隐藏
      text-overflow: ellipsis; // 超出的文本显示省略号
    }
    .child1 {
      background-color: #157a35;
      height: 35px;
      width: 10%;

      text-align: center;
      color: white;
}
  }
}
</style>
